<template>
  <el-row class="details-wrap">
    <el-col :span="24" >
      <el-container>
        <el-header >
          <!-- Header content -->
            <span>产品信息</span>
        </el-header>
        <el-main style="padding: 0px;">
          <!-- Main content -->
          <img :src="getProduct.details" width="100%" alt="">
        </el-main>
      </el-container>

    </el-col>
  </el-row>
</template>

<script>
import {mapGetters} from 'vuex'
export default {
  name: 'GoodDetails',
  components: {},
  data () {
    return {
    }
  },
  computed: {
    ...mapGetters({
      getProduct: 'getProduct'
    })

  },
  watch: {},
  methods: {
  },
  created () {
  },
  mounted () {
  }
}
</script>
<style scoped>
.el-container {
  border-radius: 10px;
}
.details-wrap {
  margin-top: 30px;
  background: white;
  height: 560px;
  border-radius: 10px;
  border: 2px #dbdbdb solid
}

.el-header {
  /* height: 100px; */
  background: #f4f4f4;
  border-radius: 10px 10px 0px 0px;
  line-height: 60px;
  font-size: 20px;
  color: #7a6262
}

.el-main img{
  border-radius: 0px 0px 10px 10px
}
</style>
